<template>
  <div>
    <div class="page_title">法定英文名称和地址</div>
    <div class="page_desc">请输入您在 Steam 上进行经营活动将使用的法定英文名称与联系信息。请参见
      <a href="javascript:">支付、银行和税务常见问题</a>，对法定英文名称、银行和税务信息了解更多。
    </div>

    <div class="companyNameArea">
      <div class="section_title">公司名称</div>
      <p>公司形式必须与您的实体组织文件一致。例如，“魁北克有限责任合伙企业”（limited liability partnership）、“华盛顿州法人团体”（corporation），或“独资个人”（Sole
        Proprietorship）。如果您是以个人身份拥有该内容，请输入“独资个人”。</p>
      <p class="notice">注意：我们无法与注册于美国境外，又以独立合作伙伴的名义纳税的合伙企业合作。</p>
      <p>如果您拥有在美国注册的合伙企业，或者拥有在美国境外的，以合伙企业的名义纳税的企业，我们可以支持。然而，由于获取正式税务文件的复杂性，我们无法与存在于美国境外并以独立合作伙伴的名义纳税的合伙企业签订《Steam
        分销协议》。</p>
      <div class="field_title">公司名称</div>
      <div>
        <div class="field">
          <input type="input" v-model="Publisher.Company" class="full_input" maxlength="64"  value="">
        </div>
        <div style="clear: left"></div>
      </div>
    </div>
    <div class="field">
      <div class="field_title">街道地址</div>
      <div>
        <input type="input" v-model="Publisher.Address" class="full_input" maxlength="64" value="">
      </div>
      <div style="clear: left"></div>
    </div>
    <div style="display: flex">
      <div class="field_postal_code">
        <div class="field_title">邮政编码</div>
        <input type="input" v-model="Publisher.Postcode" @keyup="EmailNum" class="short_input full_input" maxlength="16" value="">
      </div>
      <div class="field_postal_code" style="margin-left:40px;">
        <div class="field_title title_email">邮箱语言</div>
        <select v-model="Publisher.MailboxLanguage" id="finance_language">
          <option value="">---请选择语言---</option>
          <option value="简体中文">简体中文</option>
          <option value="繁体中文">繁体中文</option>
          <option value="英语">英语</option>
          <option value="德语">德语</option>
          <option value="法语">法语</option>
          <option value="意大利语">意大利语</option>
          <option value="韩语">韩语</option>
          <option value="西班">西班牙语 - 西班牙</option>
          <option value="俄语">俄语</option>
          <option value="泰语">泰语</option>
          <option value="日语">日语</option>
          <option value="葡萄牙语">葡萄牙语</option>
          <option value="波兰语">波兰语</option>
          <option value="丹麦语">丹麦语</option>
          <option value="荷兰语">荷兰语</option>
          <option value="芬兰语">芬兰语</option>
          <option value="挪威语">挪威语</option>
          <option value="瑞典语">瑞典语</option>
          <option value="匈牙利语">匈牙利语</option>
          <option value="捷克语">捷克语</option>
          <option value="罗马尼亚">罗马尼亚语</option>
          <option value="土耳其语">土耳其语</option>
          <option value="阿拉伯语">阿拉伯语</option>
          <option value="葡萄语 - 巴西">葡萄牙语 - 巴西</option>
          <option value="保加利亚语">保加利亚语</option>
          <option value="希腊语">希腊语</option>
          <option value="乌克兰语">乌克兰语</option>
          <option value="西班牙语 - 拉丁美洲">西班牙语 - 拉丁美洲</option>
          <option value="越南语">越南语</option>
          <option value="简体中文 - 蒸汽平台">简体中文 - 蒸汽平台</option>
        </select>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Joinus_2",
  data(){
    return {
      Publisher:{
        Company:'',
        Address:'',
        Postcode:'',
        MailboxLanguage:'',
      }
    }
  },
  methods:{
    EmailNum(e){//检查邮箱是否是数字
      let num = e.key.replace(/[^\d]/g, "");
      if (!num) {
        this.Publisher.Postcode = e.preventDefault();
      }
    }
  }
}
</script>

<style scoped>
.page_title {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 200;
  font-size: 24px;
  color: #ffffff;
  padding-top: 20px;
  padding-bottom: 10px;
}
.page_desc {
  font-size: 16px;
  padding-bottom: 30px;
  color: #A4DAF9;
}
.companyNameArea {
  border: 1px solid #ff9d35;
  padding: 12px;
  border-radius: 3px;
}
.companyNameArea .section_title {
  padding-bottom: 8px;
  border-bottom: none;
}

.section_title {
  font-family: "Motiva Sans", Sans-serif;
  font-weight: bold;
  font-size: 17px;
  color: #C6D4DF;
  padding: 4px 6px 4px 0px;
  width: 700px;
  margin-bottom: 6px;
  border-bottom: 1px solid #C6D4DF;
}
p.notice {
  color: #e66e34;
  font-size: 14px;
  margin-left: 0;
}
p {
  margin: 10px 20px 10px 0px;
  color: #acacac;
  line-height: 1.4em;
  font-size: 13px;
}

element.style {
}
.companyNameArea .field_title, .companyNameArea .full_input {
  margin-left: 0px;
}
.field_title {
  color: #dddddd;
  padding-top: 20px;
  font-size: 12px;
  margin-left: 16px;
  margin-right: 16px;
}
input.full_input, input.short_input, select {
  font-size: 14px;
  line-height: 20px;
  background-color: #565658;
  border: solid 1px #262627;
  box-shadow: 1px 1px 0px #39393a;
  border-radius: 3px;
  padding: 4px 5px 4px 8px;
  color: #BFBFBF;
}
.full_input {
  width: 420px;
  margin-left: 13px;
}
.short_input{width:105px;}
.title_email{margin-left:1px;}
</style>
